<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <div style="color:green">
        11
        <div style="color: red">22</div>
        33
    </div>
    <form>
    <p>用户名：       <input type="text"></p> <!--     会显示输入文本-->
    <p>密 码： <input type="password"></p>    <!--     不会显示输入文本-->
    <p>邮箱：<input type="email"></p>
    <p>性别（单选）：男<input type="radio" name="性别">女<input type="radio" name="性别"></p>
    <p>多行输入文本框：<textarea></textarea></p>
    <p>爱好(多选框)
        <br/> 兴趣1<input type="checkbox">
        <br/> 兴趣2<input type="checkbox">
        <br/> 兴趣3<input type="checkbox">
        <br/> 兴趣4<input type="checkbox">
    </p>
<!-- 		 下拉选择-->
    <p>所在城市：
        <select>
            <option>北京</option>
            <option>福建</option>
            <option>上海</option>
            <option>广东</option>
        </select>
<!--        一次性显示多个选项，按住ALT就能多选-->
        <select multiple size="10">
            <option>北京</option>
            <option>福建</option>
            <option>上海</option>
            <option>广东</option>
        </select>
<!--        给选项分配标签，标签不可选-->
        <select >
            <optgroup label="标签1">
                 <option>北京</option>
                 <option>福建</option>
            </optgroup>
            <optgroup label="标签2">
                <option>上海</option>
                <option>广东</option>
            </optgroup>
        </select>
    </p>
    <p>文件：<input type="file"></p>
    <input type="submit" value="提交">   <!-- 提交-->
    <input type="button" value="提交">   <!-- 只是个按键，想实现功能需要联动-->
    <input type="reset" value="提交">    <!-- 重置输入内容-->
    </form>
</body>
</html>